高性能网站建设指南(读书笔记)
发布时间:2013-11-23 浏览:198打印字号:大中小
1.减少HTTP请求:
a. 用CSS Sprites产生一张图片,而非分开的图片,这样只用请求1次而非多次。一个图片关联多个url。通过background-position属性指定CSS偏移量。 且合并图片比分离图片的总和要少(减少颜色表,格式信息),降低下载量
b.合并脚本和样式表(JS/CSS):合并成一个文件,但不要产生大量的组合
2.使用内容发布网络(CDN):
a.使web服务器离用户更近,可以减少http请求时间:用于发布静态内容,图片,脚本,样式表和Flash。跟地理位置有关
3.添加Expires头:
a.使用一个长久的Expires头,缓存页面组件,避免不必要的http请求,减少http请求的大小。在此时间之后的请求被认为是无效的
b.Cache-Control头:使用max-age指定组件被缓存多久,会覆盖Expires头,无时钟同步问题
c.头一次无作用第二次开始生效,如果只打开一次,那么就不需要这个
d.如何更新并刷新到用户:修改其链接,全新的请求从服务器下载
4.压缩组件:
a.减少HTTP响应的大小来减少响应时间:Accept - Encoding: gzip
b.如果有代理服务器,需要Vary: Accept - Encoding,这样代理服务器就可以根据Accept - Encoding返回不同的内容(否则会出错),因为存在支持/不支持gzip的页面
5.将样式表放在顶部:
a.两种方式: 在顶部则先加载样式表,白屏;在底部则能先显示内容,然后当读到样式表的时候会闪烁
6.将脚本放在底部:
a.脚本会阻塞对其后面内容的下载及呈现
b.有些情况脚本无法放在后面: document.write
7.减少DNS查找
a.减少域名数量
8.精简JS:
a.减少空格等